<!DOCTYPE html>
<html>

<head>
    {include file="public/header"/}
</head>

<body>
    <div id="all">
        <!-- Top bar-->
        {include file="public/navigation"/}
        <!-- Navbar End-->
        <div id="heading-breadcrumbs">
            <div class="container">
                <div class="row d-flex align-items-center flex-wrap">
                    <div class="col-md-7">
                        <h1 class="h2">Portfolio - no space + 3 columns</h1>
                    </div>
                    <div class="col-md-5">
                        <ul class="breadcrumb d-flex justify-content-end">
                            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                            <li class="breadcrumb-item active">Portfolio - no space + 3 columns</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="content">
            <div class="container text-center">
                <section class="bar">
                    <!--  <div class="row">
              <div class="col-md-12">
                <div class="heading"> <h2>经典案例</h2>
                </div>          
              </div>
            </div> -->
                    <div class="row" style="margin: 20px 0;padding: 20px 0;border-top: 2px solid #4fbfa8;border-bottom: 2px solid #4fbfa8;">
                        <!-- <div class="col-lg-4"><img src="img/template-easy-customize.png" alt="" class="img-fluid d-none d-lg-block"></div> -->
                        <div class="col-lg-3 col-md-6">
                            <h5>设计</h5>
                            <ul class="list-unstyled mb-3">
                                <li class="nav-item"><a href="case.html" class="nav-link">人物写真</a></li>
                                <li class="nav-item"><a href="case.html" class="nav-link">户外写生</a></li>
                                <li class="nav-item"><a href="case.html" class="nav-link">品牌设计</a></li>
                                <li class="nav-item"><a href="case.html" class="nav-link">产品介绍</a></li>
                                <li class="nav-item"><a href="case.html" class="nav-link">UI设计</a></li>
                                <li class="nav-item"><a href="case.html" class="nav-link">包装设计</a></li>
                                <li class="nav-item"><a href="case.html" class="nav-link">宣传册/画册</a></li>
                                <!-- <li class="nav-item"><a href="template-typography.html" class="nav-link">Typography</a></li> -->
                            </ul>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <h5>视频</h5>
                            <ul class="list-unstyled mb-3">
                                <li class="nav-item"><a href="case.html" class="nav-link">宣传片</a></li>
                                <li class="nav-item"><a href="case.html" class="nav-link">纪录片</a></li>
                                <li class="nav-item"><a href="case.html" class="nav-link">短视频</a></li>
                                <li class="nav-item"><a href="case.html" class="nav-link">MV</a></li>
                                <li class="nav-item"><a href="case.html" class="nav-link">会议/访谈</a></li>
                            </ul>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <h5>文案</h5>
                            <ul class="list-unstyled mb-3">
                                <li class="nav-item"><a href="case.html" class="nav-link">剧本脚本</a></li>
                                <li class="nav-item"><a href="case.html" class="nav-link">微信推文</a></li>
                                <li class="nav-item"><a href="case.html" class="nav-link">演讲稿/发言稿</a></li>
                                <li class="nav-item"><a href="case.html" class="nav-link">新闻资讯</a></li>
                                <li class="nav-item"><a href="case.html" class="nav-link">总结/汇报</a></li>
                                <li class="nav-item"><a href="case.html" class="nav-link">PPT排版</a></li>
                            </ul>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <h5>策划</h5>
                            <ul class="list-unstyled mb-3">
                                <li class="nav-item"><a href="case.html" class="nav-link">品牌策划</a></li>
                                <li class="nav-item"><a href="case.html" class="nav-link">视频编导</a></li>
                                <li class="nav-item"><a href="case.html" class="nav-link">文化建设</a></li>
                                <li class="nav-item"><a href="case.html" class="nav-link">形象设计</a></li>
                                <li class="nav-item"><a href="case.html" class="nav-link">活动策划</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="row portfolio text-center no-space">
                        <div class="col-md-4">
                            <div class="box-image">
                                <div class="image"><img src="/static/home/img/portfolio-1.jpg" alt="" class="img-fluid">
                                    <div class="overlay d-flex align-items-center justify-content-center">
                                        <div class="content">
                                            <div class="name">
                                                <h3><a href="portfolio-detail.html" class="color-white">Portfolio item</a></h3>
                                            </div>
                                            <div class="text">
                                                <p class="d-none d-sm-block">Pellentesque habitant morbi tristique senectus et netus et malesuada</p>
                                                <p class="buttons"><a href="portfolio-detail.html" class="btn btn-template-outlined-white">View</a><a href="#" class="btn btn-template-outlined-white">Website</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="box-image">
                                <div class="image"><img src="/static/home/img/portfolio-2.jpg" alt="" class="img-fluid">
                                    <div class="overlay d-flex align-items-center justify-content-center">
                                        <div class="content">
                                            <div class="name">
                                                <h3><a href="portfolio-detail.html" class="color-white">Portfolio item</a></h3>
                                            </div>
                                            <div class="text">
                                                <p class="d-none d-sm-block">Pellentesque habitant morbi tristique senectus et netus et malesuada</p>
                                                <p class="buttons"><a href="portfolio-detail.html" class="btn btn-template-outlined-white">View</a><a href="#" class="btn btn-template-outlined-white">Website</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="box-image">
                                <div class="image"><img src="/static/home/img/portfolio-3.jpg" alt="" class="img-fluid">
                                    <div class="overlay d-flex align-items-center justify-content-center">
                                        <div class="content">
                                            <div class="name">
                                                <h3><a href="portfolio-detail.html" class="color-white">Portfolio item</a></h3>
                                            </div>
                                            <div class="text">
                                                <p class="d-none d-sm-block">Pellentesque habitant morbi tristique senectus et netus et malesuada</p>
                                                <p class="buttons"><a href="portfolio-detail.html" class="btn btn-template-outlined-white">View</a><a href="#" class="btn btn-template-outlined-white">Website</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="box-image">
                                <div class="image"><img src="/static/home/img/portfolio-4.jpg" alt="" class="img-fluid">
                                    <div class="overlay d-flex align-items-center justify-content-center">
                                        <div class="content">
                                            <div class="name">
                                                <h3><a href="portfolio-detail.html" class="color-white">Portfolio item</a></h3>
                                            </div>
                                            <div class="text">
                                                <p class="d-none d-sm-block">Pellentesque habitant morbi tristique senectus et netus et malesuada</p>
                                                <p class="buttons"><a href="portfolio-detail.html" class="btn btn-template-outlined-white">View</a><a href="#" class="btn btn-template-outlined-white">Website</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="box-image">
                                <div class="image"><img src="/static/home/img/portfolio-5.jpg" alt="" class="img-fluid">
                                    <div class="overlay d-flex align-items-center justify-content-center">
                                        <div class="content">
                                            <div class="name">
                                                <h3><a href="portfolio-detail.html" class="color-white">Portfolio item</a></h3>
                                            </div>
                                            <div class="text">
                                                <p class="d-none d-sm-block">Pellentesque habitant morbi tristique senectus et netus et malesuada</p>
                                                <p class="buttons"><a href="portfolio-detail.html" class="btn btn-template-outlined-white">View</a><a href="#" class="btn btn-template-outlined-white">Website</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="box-image">
                                <div class="image"><img src="/static/home/img/portfolio-6.jpg" alt="" class="img-fluid">
                                    <div class="overlay d-flex align-items-center justify-content-center">
                                        <div class="content">
                                            <div class="name">
                                                <h3><a href="portfolio-detail.html" class="color-white">Portfolio item</a></h3>
                                            </div>
                                            <div class="text">
                                                <p class="d-none d-sm-block">Pellentesque habitant morbi tristique senectus et netus et malesuada</p>
                                                <p class="buttons"><a href="portfolio-detail.html" class="btn btn-template-outlined-white">View</a><a href="#" class="btn btn-template-outlined-white">Website</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="box-image">
                                <div class="image"><img src="/static/home/img/portfolio-7.jpg" alt="" class="img-fluid">
                                    <div class="overlay d-flex align-items-center justify-content-center">
                                        <div class="content">
                                            <div class="name">
                                                <h3><a href="portfolio-detail.html" class="color-white">Portfolio item</a></h3>
                                            </div>
                                            <div class="text">
                                                <p class="d-none d-sm-block">Pellentesque habitant morbi tristique senectus et netus et malesuada</p>
                                                <p class="buttons"><a href="portfolio-detail.html" class="btn btn-template-outlined-white">View</a><a href="#" class="btn btn-template-outlined-white">Website</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="box-image">
                                <div class="image"><img src="/static/home/img/portfolio-9.jpg" alt="" class="img-fluid">
                                    <div class="overlay d-flex align-items-center justify-content-center">
                                        <div class="content">
                                            <div class="name">
                                                <h3><a href="portfolio-detail.html" class="color-white">Portfolio item</a></h3>
                                            </div>
                                            <div class="text">
                                                <p class="d-none d-sm-block">Pellentesque habitant morbi tristique senectus et netus et malesuada</p>
                                                <p class="buttons"><a href="portfolio-detail.html" class="btn btn-template-outlined-white">View</a><a href="#" class="btn btn-template-outlined-white">Website</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="box-image">
                                <div class="image"><img src="/static/home/img/portfolio-8.jpg" alt="" class="img-fluid">
                                    <div class="overlay d-flex align-items-center justify-content-center">
                                        <div class="content">
                                            <div class="name">
                                                <h3><a href="portfolio-detail.html" class="color-white">Portfolio item</a></h3>
                                            </div>
                                            <div class="text">
                                                <p class="d-none d-sm-block">Pellentesque habitant morbi tristique senectus et netus et malesuada</p>
                                                <p class="buttons"><a href="portfolio-detail.html" class="btn btn-template-outlined-white">View</a><a href="#" class="btn btn-template-outlined-white">Website</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <section class="bar bg-gray">
                <div class="container">
                    <div class="heading text-center">
                        <h2>我们的客户</h2>
                    </div>
                    <ul class="list-unstyled owl-carousel customers no-mb">
                        <li class="item"><img src="/static/home/img/customer-1.png" alt="" class="img-fluid"></li>
                        <li class="item"><img src="/static/home/img/customer-2.png" alt="" class="img-fluid"></li>
                        <li class="item"><img src="/static/home/img/customer-3.png" alt="" class="img-fluid"></li>
                        <li class="item"><img src="/static/home/img/customer-4.png" alt="" class="img-fluid"></li>
                        <li class="item"><img src="/static/home/img/customer-5.png" alt="" class="img-fluid"></li>
                        <li class="item"><img src="/static/home/img/customer-6.png" alt="" class="img-fluid"></li>
                    </ul>
                </div>
            </section>
        </div>
        <!-- FOOTER -->
        {include file="public/footer"/}
    </div>
    <!-- Javascript files-->
    {include file="public/script"/}
</body>

</html>